Foto van de originele versie van de website
Startpagina van de nieuwe versie van de website
Code voor het maken van de website.

Uitleg over wat we hebben gedaan.

Algemeen

Wij vormen het team verantwoordelijk voor de ontwikkeling van een website. Een van de voornaamste aspecten van dit proces is het opzetten van een duidelijke structuur, waardoor alle informatie gemakkelijk en snel toegankelijk is. Daarom hebben we ons uiterste best gedaan om alles zo goed mogelijk te organiseren. Bovendien is het kleurenpalet van essentieel belang. Een overvloed aan verschillende kleuren kan een gevoel van wanorde veroorzaken.

Start

In het begin van het project hebben we wat tijd moeten besteden aan het vinden van de juiste aanpak. We begonnen met het maken van een eerste versie van de website, maar al snel werd duidelijk dat deze niet voldeed aan onze eisen en doelstellingen. Dit betekende dat we opnieuw moesten beginnen, wat natuurlijk wat tijd kostte. We hebben verschillende uitdagingen moeten overwinnen en momenten van twijfel gehad, maar gelukkig hadden we al een basis gelegd met een goede structuur. Dit heeft ons geholpen om door te zetten.

Midden

Nadat we een stevige basis hadden gelegd met de nieuwe versie van de website, konden we aan de slag met het invullen van de inhoud en het structureren ervan. We hebben verschillende pagina's aangemaakt en deze verbonden met de navigatiebalk, waaronder de homepage, doelen, deelnemers en groepen. Toen deze structuur stond, zijn we begonnen met het toevoegen van uitleg aan elke pagina en hebben we ons gericht op het maken van de inhoud zo aantrekkelijk en interessant mogelijk

Eind

Uitleg

De tools en programmeertalen die we gebruikt hebben.

Programmeertalen

HTML

Dit is de taal om de site visueel te maken.

CSS

De taal om de opmaak van de site te doen.

Javascript

De taal om speciale effecten toe te voegen aan de site.

Tools

Canva

ChatGPT

Netlify